<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>
<cms:ads   code="'ZY_RenCaiLiNian_0',
'ZY_RenCaiPeiXun_1',
'ZY_RenCaiZhaoPin_2',
'img_43791796',
'ZY_ZhengQingChunYiQi_4',
'ZY_ChuangXinGongZuoFangShi_5',
'ZY_WoMenZhiLiYuHe_6',
'img_113774664',
'ZY_RenCaiPeiXun_8',
'alent_9',
'ZY_YuanGongPeiXunYuKai_10',
'img_216830322',
'ZY_GangQianPeiXun_12',
'img_855202117',
'ZY_QiYeWenHua_14',
'img_826497633',
'ZY_ZhiYeJiNeng_16',
'img_7845557',
'ZY_NeiBuJiangShi_18',
'img_593876855',
'ZY_GuoYaoDaXue_20',
'img_925336167',
'ZY_GuoYaoJia_22',
'img_115739548',
'ZY_ZaiXianPingTai_24',
'img_328412173',
'ZY_WaiPaiXueXi_26',
'ZY_YingXiaoZongJian_27',
'ZY_28_28',
'ZY_GenJuGongSi_29',
'ZY_LeJieGengDuo_30',
'ZY_NeiQinXinZi_31',
'ZY_32_32',
'ZY_PeiHeYingXiao_33',
'ZY_LeJieGengDuo_34',
'ZY_YingXiaoYuanXinZi_35',
'ZY_36_36',
'ZY_RenZhenXueXi_37',
'ZY_LeJieGengDuo_38',
'img_4471722048'
"  ></cms:ads>
<!doctype html>
<html>
 <head> 
  <meta charset="utf-8"> 
  <link rel="icon" sizes="any" href="${浏览器logo}">
  <title>善吉凡${网页标题}</title> 
  <meta http-equiv="Cache-Control" content="no-cache"> 
  <meta content="telephone=no" name="format-detection"> 
  <meta name="HandheldFriendly" content="true"> 
  <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=2.0"> 
  <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"> 
  <link rel="stylesheet" href="http://hwfile.jyymatrix.cc/sjf/moblie/css/style.css">
  <link rel="stylesheet" href="http://hwfile.jyymatrix.cc/sjf/moblie/css/animate.min.css">
  <link rel="stylesheet" type="text/css" href="http://hwfile.jyymatrix.cc/sjf/moblie/css/swiper-3.3.1.min.css">
  <script type="text/javascript" src="http://hwfile.jyymatrix.cc/sjf/moblie/js/jquery-1.10.2.min.js"></script>
  <style>li{ text-align: center; margin-top: 0.1rem; border-bottom:1px solid #c9c9c9; padding-bottom: 0.1rem; } .statement{ padding:0.15rem } .mores{ width: 1.37rem; height: 0.25rem; line-height: 0.25rem; display: inline-block; border: 1px solid #c9c9c9; font-size: 0.09rem; color: #666; text-align: center; }</style> 
  <meta name="keywords" content="${网页关键词}">
  <meta name="description" content="${网页描述 }">
 </head> 
 <body> 
  <!--头部导航star--> 
  <jsp:include page="_top.jsp"></jsp:include> 
  <!--标题图片--> 
  <div class="titleimg" style=" width: 100%;height: 2rem;background-size: 100% 100%">
   <div class="w_width">
    <img src="${img_4471722048.adImg}" alt="" class="zy" data-type="ad" data-id="${img_4471722048.adId}" style="height: 2rem;width: 100%; z-index: -1; ">

   </div> 
  </div> 
  <!--标题图片end--> 
  <div class="minwiper"> 
   <div class="slideTxtBox"> 
    <div class="swip_box"> 
     <div class="swiper-container swiper1" id="swiper-container1"> 
      <div class="swiper-wrapper"> 
       <div class="swiper-slide ">
        <span class=""><a href="${ZY_RenCaiLiNian_0.adUrl}" onclick="checkRouter('0')" title="人才理念" class="zy" data-type="ad" data-id="${ZY_RenCaiLiNian_0.adId}">${ZY_RenCaiLiNian_0.adTitle}</a></span>
       </div> 
       <div class="swiper-slide ">
        <span class=""><a href="${ZY_RenCaiPeiXun_1.adUrl}" onclick="checkRouter('1')" title="人才培训" class="zy" data-type="ad" data-id="${ZY_RenCaiPeiXun_1.adId}">${ZY_RenCaiPeiXun_1.adTitle}</a></span>
       </div> 
       <div class="swiper-slide">
        <span class=""><a href="${ZY_RenCaiZhaoPin_2.adUrl}" onclick="checkRouter('2')" title="人才招聘" class="zy" data-type="ad" data-id="${ZY_RenCaiZhaoPin_2.adId}">${ZY_RenCaiZhaoPin_2.adTitle}</a></span>
       </div> 
      </div> 
     </div> 
    </div> 
    <div class="w_width"> 
     <div class="comt toudilist"> 
      <!-- 人才理念 --> 
      <div class="comt"> 
       <div class="talent"> 
        <img src="${img_43791796.adImg}" alt="人才理念" title="人才理念" class="zy" data-type="ad" data-id="${img_43791796.adId}"> 
        <span class="zy" data-type="ad" data-id="${ZY_ZhengQingChunYiQi_4.adId}">${ZY_ZhengQingChunYiQi_4.adTitle}</span> 
       </div> 
       <div class="carries"> 
        <div class="left"> 
         <h3 class="zy" data-type="ad" data-id="${ZY_ChuangXinGongZuoFangShi_5.adId}">${ZY_ChuangXinGongZuoFangShi_5.adTitle}</h3> 
         <p> </p>
         <p class="zy" data-type="ad" data-id="${ZY_WoMenZhiLiYuHe_6.adId}">${ZY_WoMenZhiLiYuHe_6.adTitle}</p> 
         <p> <br> </p> 
         <p></p> 
        </div> 
        <img src="${img_113774664.adImg}" alt="人才理念" title="人才理念" class="zy" data-type="ad" data-id="${img_113774664.adId}"> 
       </div> 
      </div> 
      <!-- 人才理念end --> 
      <!--人才培训--> 
      <div class="comt"> 
       <div class="gs_profile"> 
        <div class="navtitle"> 
         <h3 class="zy" data-type="ad" data-id="${ZY_RenCaiPeiXun_8.adId}">${ZY_RenCaiPeiXun_8.adTitle}</h3> 
         <p class="zy" data-type="ad" data-id="${alent_9.adId}">${alent_9.adTitle}</p> 
        </div> 
        <div class="textlist"> 
         <p class="ab_text zy" data-type="ad" data-id="${ZY_YuanGongPeiXunYuKai_10.adId}">${ZY_YuanGongPeiXunYuKai_10.adTitle}</p> 
        </div> 
        <ul class="training"> 
         <li class="animated fadeInUp wow"> <span><i class="iconfont"><img src="${img_216830322.adImg}" alt="" class="zy" data-type="ad" data-id="${img_216830322.adId}"></i></span> <p class="zy" data-type="ad" data-id="${ZY_GangQianPeiXun_12.adId}">${ZY_GangQianPeiXun_12.adTitle}</p> </li> 
         <li class="animated fadeInUp wow" data-wow-delay="0.3s"> <span><i class="iconfont"><img src="${img_855202117.adImg}" alt="" class="zy" data-type="ad" data-id="${img_855202117.adId}"></i></span> <p class="zy" data-type="ad" data-id="${ZY_QiYeWenHua_14.adId}">${ZY_QiYeWenHua_14.adTitle}</p> </li> 
         <li class="animated fadeInUp wow" data-wow-delay="0.6s"> <span><i class="iconfont"><img src="${img_826497633.adImg}" alt="" class="zy" data-type="ad" data-id="${img_826497633.adId}"></i></span> <p class="zy" data-type="ad" data-id="${ZY_ZhiYeJiNeng_16.adId}">${ZY_ZhiYeJiNeng_16.adTitle}</p> </li> 
         <li class="animated fadeInUp wow" data-wow-delay="0.9s"> <span><i class="iconfont"><img src="${img_7845557.adImg}" alt="" class="zy" data-type="ad" data-id="${img_7845557.adId}"></i></span> <p class="zy" data-type="ad" data-id="${ZY_NeiBuJiangShi_18.adId}">${ZY_NeiBuJiangShi_18.adTitle}</p> </li> 
         <li class="animated fadeInUp wow" data-wow-delay="1.2s"> <span><i class="iconfont"> <img src="${img_593876855.adImg}" alt="" class="zy" data-type="ad" data-id="${img_593876855.adId}"></i></span> <p class="zy" data-type="ad" data-id="${ZY_GuoYaoDaXue_20.adId}">${ZY_GuoYaoDaXue_20.adTitle}</p> </li> 
         <li class="animated fadeInUp wow" data-wow-delay="1.2s"> <span><i class="iconfont"><img src="${img_925336167.adImg}" alt="" class="zy" data-type="ad" data-id="${img_925336167.adId}"></i></span> <p class="zy" data-type="ad" data-id="${ZY_GuoYaoJia_22.adId}">${ZY_GuoYaoJia_22.adTitle}</p> </li> 
         <li class="animated fadeInUp wow" data-wow-delay="1.2s"> <span><i class="iconfont"><img src="${img_115739548.adImg}" alt="" class="zy" data-type="ad" data-id="${img_115739548.adId}"></i></span> <p class="zy" data-type="ad" data-id="${ZY_ZaiXianPingTai_24.adId}">${ZY_ZaiXianPingTai_24.adTitle}</p> </li> 
         <li class="animated fadeInUp wow" data-wow-delay="1.2s"> <span><i class="iconfont"><img src="${img_328412173.adImg}" alt="" class="zy" data-type="ad" data-id="${img_328412173.adId}"></i></span> <p class="zy" data-type="ad" data-id="${ZY_WaiPaiXueXi_26.adId}">${ZY_WaiPaiXueXi_26.adTitle}</p> </li> 
        </ul> 
       </div> 
      </div> 
      <!--人才培训end--> 
      <!--人才招聘--> 
      <div class="comt">
       <cms:arts var="rczp" code="recruitment" pageSize="6" ></cms:arts>
       <ul class="recruitment">


        <c:forEach var="art" items="${rczp }">


         <li>
          <div class="position">
           <div class="name">
            <p class="post " data-type="ad" data-id="${ZY_YingXiaoZongJian_27.adId}">${art.artTitle}</p>
            <p class="time " data-type="ad" data-id="${ZY_28_28.adId}"><fmt:formatDate value="${art.artCreatetiem }" pattern="yyyy-MM-dd"/></p>
           </div>
          </div>
          <div class="statement zy" data-type="ad" data-id="${ZY_GenJuGongSi_29.adId}">
            ${art.artAbstract}
          </div> <a href="${path }/do/redirect/mobile/recruitDetail?id=${art.artId}" title="了解更多" class="mores zy" data-type="ad" data-id="${ZY_LeJieGengDuo_30.adId}">${ZY_LeJieGengDuo_30.adTitle}</a>
         </li>

        </c:forEach>



       </ul>
      </div> 
      <!--人才招聘end--> 
      <!--标题图片--> 
     </div> 
    </div> 
   </div> 
  </div> 
  <!--底部--> 
  <jsp:include page="_footer.jsp"></jsp:include> 
  <!--底部end--> 
  <script type="text/javascript" src="http://hwfile.jyymatrix.cc/sjf/moblie/js/jquery-1.10.2.min.js"></script>
  <script type="text/javascript" src="http://hwfile.jyymatrix.cc/sjf/moblie/js/wow.min.js"></script>
  <script src="http://hwfile.jyymatrix.cc/sjf/moblie/js/rem.js"></script>
  <script type="text/javascript" src="http://hwfile.jyymatrix.cc/sjf/moblie/js/jquery.SuperSlide.2.1.1.js"></script>
  <script type="text/javascript" src="http://hwfile.jyymatrix.cc/sjf/moblie/js/mian.js"></script>
  <script>
        let list = $('.toudilist')[0].children
        for (let i =1;i<=list.length;i++){
            if (list[i]!=undefined){
                list[i].style='display:none'
            }
            
        }
        function checkRouter(val){
            let checkList = list[val].parentNode.parentNode.parentNode.children[0].children[0].children[0].children
            for (let i in list){
                if (val==i){
                    list[val].style='display:block'
                    checkList[val].classList.add('active-nav')
                } else {
                    list[i].style='display:none;!important'  
                    checkList[val].classList.remove('active-nav')
                }
            }
        }
    </script> 
  <script type="text/javascript" src="http://hwfile.jyymatrix.cc/sjf/moblie/js/swiper-3.3.1.jquery.min.js"></script>
  <script>        
        var mySwiper2 = new Swiper('#swiper-container1',{
          watchSlidesProgress : true,
          watchSlidesVisibility : true,
          slidesPerView :3,
          prevButton:'.button-prev',
          nextButton:'.button-next',
          })
          window.onload = function () {
              var inx = $('#swiper-container1 .swiper-slide.active-nav').index();
                 mySwiper2.slideTo(inx);
                  
              }
    </script>  
 </body>
</html>